<template>
    <div class="header">
        <p class="text-center text-muted index1">
            来和我一起
        </p>
        <p class="text-center text-muted index2">
            背单词！
        </p>
        <center>
        <button type="button" class="btn btn-primary btn-block">
        <router-link to='/word'>Let's go!</router-link>
        </button>
        </center>
    </div>
</template>

<script>
export default {
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
*{
    margin: 0;
    padding: 0;
}
.header{
    width:400px;
    margin: 0 auto;
}
.index1{
    margin-top:200px;
    font-size: 35px;
    font-family: FZYaoti;
}
.index2{
    margin-top: 10px;
    font-size: 30px;
    font-family: FZYaoti;
}
button{
    margin-top: 60px;
    height: 40px;
    width: 100px;
    
}
a{
    color: white;
}
</style>
